<script setup>
import {useRoute} from "vue-router";

let route = useRoute()

import {onActivated, onBeforeUnmount, onBeforeUpdate, onDeactivated, onMounted, onUnmounted, onUpdated} from "vue";

onBeforeUnmount(()=>{
  console.log("User onBeforeUnmount");
})

onMounted(()=>{
  console.log("User onMounted");
})

onBeforeUpdate(()=>{
  console.log("User onBeforeUpdate");
})

onUpdated(()=>{
  console.log("User onUpdated");
})

onBeforeUnmount(()=>{
  console.log("User onBeforeUnmount");
})

onUnmounted(()=>{
  console.log("User onUnmounted");
})

onActivated(()=>{
  console.log("User onActivated")}
)

onDeactivated(()=>{
  console.log("User onDeactivated")}
)

</script>

<template>
<h1>User 页面</h1>
  <div>当前传入的参数：{{ route.query }}</div>
</template>

<style scoped>

</style>